<template>
  <div>
    <admin-form @sendsearch="searchList" @open="myopen" @resetlist="reslist" :dialogVisible="diaFlag"></admin-form>
    <admin-table @sendpagenum="pagechange"  :adminData="admindata.adminList" :count="admindata.count"></admin-table>
  </div>
</template>
<script lang="ts">
import adminForm from './adminForm.vue'
import adminTable from './adminTable.vue'
export default {
  components:{adminForm,adminTable},
}
</script>
<script lang="ts" setup>
    import {ref,reactive,toRefs} from 'vue' 
    import {getAdmin} from '../../api/admin'
import { ElMessage } from 'element-plus/lib/components'


    
    let diaFlag=ref(true)
      let admindata=reactive({
        adminList:[],//管理员列表数据
        pageStart:1,
        searchText:'',
        pageSize:3,
        count:0,
        async  getList(){ //获取管理员接口
          var res:any=await getAdmin({
            pageStart:admindata.pageStart,
            searchText:admindata.searchText
          });
          console.log(res)
          if(!res.err){
            admindata.count=res.data.count;
            admindata.adminList=res.data.list;
          }else{
            ElMessage.error("查不到人员")
          }
        }
      })
      // 子组件添加后 触发的事件函数
      let reslist=()=>{
           // 重新获取管理员列表
           admindata.getList();
      }
      let myopen=(num:number)=>{
          console.log(num)
      }
      // 搜索
      let searchList=(seatext:string)=>{
        admindata.searchText=seatext;
         // 获取管理员列表
         admindata.getList();
      }
      // 分页改变
      let pagechange=(num:number)=>{
        console.log(num)
        admindata.pageStart=num;
           // 获取管理员列表
         admindata.getList();
      }
      // 获取管理员列表
      admindata.getList();


</script>
<style lang="less">
    
</style>
